<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>后台管理 | 登录</title>

    <link href="/static/web/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/web/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="/static/web/css/animate.css" rel="stylesheet">
    <link href="/static/web/css/style.css" rel="stylesheet">
    <style>
        .vidbacking-active-body-back {
            position: fixed;
            z-index: -100;
            min-width: 100%;
            min-height: 100%;
            top: 50%;
            left: 50%;
            background-size: cover;
            overflow: hidden;
            opacity: 1;
            transition: 2s opacity;
            transform: translateX(-50%) translateY(-50%);
        }
    </style>
</head>
@include('common.error')
<body class="gray-bg">
<div class="middle-box text-center loginscreen animated fadeInDown">
    <div>
        <div>
            <h1 class="logo-name">&nbsp;</h1>
        </div>
        <h2>瓜瓜跑腿</h2>
        <h3>后台管理系统</h3>
        <p></p>
        <form method="POST" action="{{ route('login-submit') }}">
            @csrf

            <div class="form-group row">
                <div class="col-md-12">
                    <input type="text" class="form-control" name="username" id="username" placeholder="用户名" required="">
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-12">
                    <input type="password" class="form-control" name="password" id="password" placeholder="密码" required="">

                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-12 offset-md-4">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                        <label class="form-check-label" for="remember">
                            记住我
                        </label>
                    </div>
                </div>
            </div>

            <div class="form-group row mb-0">
                <div class="col-md-12" >
                    <button type="submit" class="btn btn-primary full-width">
                        登录
                    </button>


                </div>
            </div>
        </form>
    </div>
</div>

<script src="/static/web/js/jquery-3.1.1.min.js"></script>
<script src="/static/web/js/popper.min.js"></script>
<script src="/static/web/js/bootstrap.js"></script>
</body>

</html>
